<!DOCTYPE html . "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>
	<!--载入编辑器-->
	<script type="text/javascript" charset="utf-8" src="<?php echo __PUBLIC__?>/ueditor1_4_3/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="<?php echo __PUBLIC__?>/ueditor1_4_3/ueditor.all.min.js"> </script>
    <script type="text/javascript" charset="utf-8" src="<?php echo __PUBLIC__?>/ueditor1_4_3/lang/zh-cn/zh-cn.js"></script>
	<!--载入uploadify相关文件-->
	<script type="text/javascript" src="<?php echo __PUBLIC__?>/uploadify/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="<?php echo __PUBLIC__?>/uploadify/jquery.uploadify.min.js"></script>
	<link href="<?php echo __PUBLIC__?>/uploadify/uploadify.css" type="text/css" rel="stylesheet"></link>
	<!--载入hdjs-->
	<link rel="stylesheet" type="text/css" href="<?php echo __PUBLIC__?>/hdjs/hdjs.css"/>
    <script src="<?php echo __PUBLIC__?>/hdjs/hdjs.min.js" type="text/javascript" charset="utf-8"></script>
    <style type="text/css">
		li{
			list-style: none;
			float: right;
		}
		tr{
			height: 35px;
		}
		input{
			height: 30px;
			font-size: 14px;
		}
	</style>
</head>
<body>
	
	<div class="container-fluid">
	<div class="row-fluid">
	<div class="span12">
	<form action="" method='post' enctype="multipart/form-data" id="add_goods">			
			<h2 class="hd-title-header">修改商品</h2>
			<table class='hd-table hd-table-form' style="border-top:1px solid #E5E5E5 ;">	
			<p class="hd-title-header">基本信息</p>			
			<script type="text/javascript">
				$(function(){
					$("select[name=category_cid]").change(function(){
						//抓取被选中的类型id
						var type_tid = $(":selected").attr("type_tid");
						$.ajax({
							//请求方式
							type:"post",
							//请求路径（GoodsController控制器里方法）
							url:"<?php echo U('Goods/ajaxGetAttr')?>",
							//请求数据
							data:{type_tid:type_tid},
							//服务器返回数据类型
							dataType:"json",
							//返回数据处理
							success:function(data){
								//属性
								var attr = ""
								//规格
								var spec ="";
								//相当于foreach循环
								$.each(data, function(k,v) {
									//如果是属性
									if(v.class==1){
										attr +='<tr><td>'+v.taname+'</td><td><select name="attr['+v.taid+']"><option value="0">-请选择-</option>';
										$.each(v.tavalue, function(kk,vv) {
											attr +='<option value="'+vv+'">'+vv+'</option>';
										});
										attr +='</select></td></tr>';
									}else{
										//规格
										spec +='<tr><td>'+v.taname+'</td><td><select name="spec['+v.taid+'][color][]"><option value="0">-请选择-</option>';
										$.each(v.tavalue, function(kk,vv) {
											spec +='<option value="'+vv+'">'+vv+'</option>';
										});
										spec +='</select></td><td>附加价格</td><td><input type="text" name="spec['+v.taid+'][added][]" id="" value="0" /></td><td><a href="javascript:;" class="hd-btn hd-btn-success hd-btn-sm add-spec">添加</a></td></tr>';
									}
								});
								$("#attr").html(attr);
								$("#spec").html(spec);
							}
						});
					})
				})
			</script>
			<!--点击规格的添加按钮，复制一个-->
			<script type="text/javascript">
				//alert(1);
				$(function(){
					//alert(1);
					$(".add-spec").live('click',function(){
						//alert(1);
						var tr = $(this).parents("tr").clone();
						$(this).parents("tr").after(tr);
						tr.find(".add-spec").remove();
						var del = '<a href="javascript:;"  class="hd-btn hd-btn-danger hd-btn-sm del-spec">删除</a>';
						tr.find('td').eq(4).append(del);
					})
				})
			</script>
			<!--点击商品规格的删除按钮-->
			<script type="text/javascript">
				$(function(){
					$(".del-spec").live("click",function(){
						$(this).parents("tr").remove();
					})
				})
			</script>
				<tbody>
					<tr class="info">
						<td>所属分类</td>
						<td>
							<select name="category_cid">
								<option value="0">-请选择-</option>
								<?php foreach ($oldCateData as $k=>$v){?>
									<option value="<?php echo $v['cid'];?>"  <?php if($oldGoodsData['category_cid']==$v['cid']){?>selected<?php }?>  type_tid="<?php echo $v['category_tid'];?>">
										 <?php echo $v['_cname']?>
									</option>					
								<?php }?>
							</select>
						</td>
					</tr>
					<tr class="info">
						<td>所属品牌</td>
						<td>
							<select name="brand_bid">
								<option value="0">-请选择-</option>
								<?php foreach ($oldBrandData as $k=>$v){?>
									<option value="<?php echo $v['bid']?>" <?php if($oldGoodsData['brand_bid']==$v['bid']){?>selected<?php }?>><?php echo $v['bname']?></option>
								<?php }?>
							</select>
						</td>
					</tr>
					<tr class="info">
						<td>商品名称</td>
						<td>
							<input type="text" name='gname' style="width: 400px;" value="<?php echo $oldGoodsData['gname']?>" />
						</td>
					</tr>
					<tr class="info">
						<td>商品货号</td>
						<td>
							<input type="text" name='gnumber' value="<?php echo $oldGoodsData['gnumber']?>"/>
						</td>
					</tr>
					<tr class="info">
						<td>单位</td>
						<td>
							<input type="text" name='unit' value='件'/>
						</td>
					</tr>
					<tr class="info">
						<td>市价场</td>
						<td>
							<input type="text" name='marketprice' value="<?php echo $oldGoodsData['marketprice']?>"/>
						</td>
					</tr>
					<tr class="info">
						<td>商城价</td>
						<td>
							<input type="text" name='shopprice' value="<?php echo $oldGoodsData['shopprice']?>"/>
						</td>
					</tr>
					<tr class="info">
						<td>点击次数</td>
						<td>
							<input type="text" name='gclick' value="<?php echo $oldGoodsData['click']?>"/>
						</td>
					</tr>
					<tr class="info">
						<td>库存</td>
						<td>
							<input type="text" name='gtotal' value=""/>
						</td>
					</tr>
				</tbody>
			</table>

			<p class="hd-title-header">商品属性</p>
			<table class="hd-table hd-table-form" id='attr' style="border-top:1px solid #E5E5E5 ;">
				<?php foreach ($oldData as $k=>$v){?>
				<?php if($v['class']==1 && $oldGoodsData['type_tid']==$v['type_tid']){?>
				<tr class="info">
					
					<td><?php echo $v['taname']?></td>
					<td>
						<select name="attr[<?php echo $v['taid'];?>]">
							<option value="0" >请选择</option>
							<?php foreach ($v['tavalue'] as $key=>$value){?>
							<option value="<?php echo $value?>" <?php if($v['gtvalue']==$value){?>selected<?php }?> ><?php echo $value?></option>
							<?php }?>
						</select>
					</td>
				</tr>
				<?php }?>
				<?php }?>
			</table>
			<p class="hd-title-header">商品规格</p>
			<table class="hd-table hd-table-form" id='spec' style="border-top:1px solid #E5E5E5 ;">
				<?php foreach ($oldData as $k=>$v){?>
				<?php if($v['class']==2 && $oldGoodsData['type_tid']==$v['type_tid']){?>
				<tr class="info">
					
					<td><?php echo $v['taname']?></td>
					<td>
						<select name="spec[<?php echo $v['taid'];?>][color][]">
							<option value="0" >请选择</option>
							<?php foreach ($v['tavalue'] as $key=>$value){?>
							<option value="<?php echo $value;?>" <?php if($v['gtvalue']==$value){?>selected<?php }?> ><?php echo $value;?></option>
							<?php }?>
						</select>
					</td>
							<td>附加价格</td>
							<td>
								<input type="text" name="spec[<?php echo $v['taid']?>][added][]" id="" value="<?php echo $v['added']?>" />
							</td>
							<td>
								<a href="javascript:;" class="hd-btn hd-btn-success hd-btn-sm add-spec">添加</a>
					        </td>
				</tr>
						
				<?php }?>
				<?php }?>
					
			</table>
			
			<p class="hd-title-header">列表图</p>
			<table class='hd-table hd-table-form' style="border-top:1px solid #E5E5E5 ;">
			
			
			
					
				<script type="text/javascript">
					$(function(){
						$(".del-image").live("click",function(){
							var li = $(this).parents("li")
							var path = li.attr("path");
							$.ajax({
								//请求方式
								type:"post",
								//请求地址里的方法
								url:"<?php echo U('Goods/delImg')?>",
								//请求数据
								data:{path:path},
								//返回数据处理
								success:function(data){
									if(data==1){
										li.remove();
									}
								}
							});
						})
					})
				</script>
				
				<!--上传插件-->
				<tr class="info">
					<td>上传图片</td>
					<td>
						<input id="file1" type="file" multiple="true" name="pic"/>
	            		 <span>类型: *.jpg,*.png 大小: 2000KB 数量: 10</span>
			             <script type="text/javascript">
			                $(function() {
			                    $('#file1').uploadify({
			                        'formData'     : {//POST数据
			                            '<?php echo session_name();?>' : '<?php echo session_id();?>',
			                        },
			                        'fileTypeDesc' : '上传文件',//上传描述
			                        'fileTypeExts' : '*.jpg;*.png',
			                        'swf'      : '<?php echo __PUBLIC__?>/uploadify/uploadify.swf',
			                        'uploader' : "<?php echo U('ajaxUpload')?>",
			                        'buttonText':'选择文件',
			                        'fileSizeLimit' : '2000KB',
			                        'uploadLimit' : 1000,//上传文件数
			                        'width':65,
			                        'height':25,
			                        'successTimeout':10,//等待服务器响应时间
			                        'removeTimeout' : 0.2,//成功显示时间
			                        'onUploadSuccess' : function(file, data, response) {
			                        	//console.log(data);
			                            data=$.parseJSON(data);
			                            var imageUrl = data.image?data.url:'<?php echo __PUBLIC__?>/image/default.png';
			                            var li="<li path='"+data.path+"' url='"+data.url+"'><img src='"+imageUrl+"' class='hd-w80 hd-h70'/><a href='javascript:;' style='color:red' class='del-image'>X</a>";
			                            li +='<input type="hidden" name="pic" value="'+data.path+'"/>';//此处name对应数据库字段
			                            li +='</li>';
			                            $("#photo-list").prepend(li);
			                        }
			                    });
			                });
			             </script>
					</td>
									
					<td id='photo-list'>

						<script type="text/javascript">
							$(function(){
								//alert(1);
								//单击事件
								$(".del-image").live("click",function(){
									//移出图片
									$(this).parents('li').remove();
									
								})
							})
						</script>	
						<?php if($oldGoodsData['pic']){?>							
							<li class="pic_li">
								<img style="width: 100px;height: 100px;" src="<?php echo $oldGoodsData['pic'];?>"/>
								<a href='javascript:;' style='color:red' class='del-image'>X</a>
								<input type="hidden" name="pic" value="<?php echo $oldGoodsData['pic'];?>"/>
							</li>
						<?php }?>	
					</td>					
				
				</tr>
			
				
				
			</table>
			<p class="hd-title-header">商品图册</p>
			<table class='hd-table hd-table-form' style="border-top:1px solid #E5E5E5 ;">
			
				<!--上传插件-->
				<tr class="info">
					<td>上传图片</td>
					<td>
						<input id="file2" type="file" multiple="true" name="photos"/>
	            		 <span>类型: *.jpg,*.png 大小: 2000KB 数量: 10</span>
			             <script type="text/javascript">
			                $(function() {
			                    $('#file2').uploadify({
			                        'formData'     : {//POST数据
			                            '<?php echo session_name();?>' : '<?php echo session_id();?>',
			                        },
			                        'fileTypeDesc' : '上传文件',//上传描述
			                        'fileTypeExts' : '*.jpg;*.png',
			                        'swf'      : '<?php echo __PUBLIC__?>/uploadify/uploadify.swf',
			                        'uploader' : "<?php echo U('ajaxUpload')?>",//需要改动处
			                        'buttonText':'选择文件',
			                        'fileSizeLimit' : '2000KB',
			                        'uploadLimit' : 1000,//上传文件数
			                        'width':65,
			                        'height':25,
			                        'successTimeout':10,//等待服务器响应时间
			                        'removeTimeout' : 0.2,//成功显示时间
			                        'onUploadSuccess' : function(file, data, response) {
			                        	//console.log(data);
			                            data=$.parseJSON(data);
			                            var imageUrl = data.image?data.url:'<?php echo __PUBLIC__?>/image/default.png';
			                            var li="<li path='"+data.path+"' url='"+data.url+"'><img src='"+imageUrl+"' class='hd-w80 hd-h70'/><a href='javascript:;' style='color:red' class='del-image'>X</a>";
			                            li +='<input type="hidden" name="photo[]" value="'+data.path+'"/>';
			                            li +='</li>';
			                            $("#photo-list1").prepend(li);//需要改动处
			                        }
			                    });
			                });
			             </script>
					</td>
					<!--需要改动处-->
					<td id='photo-list1'>

					
						<?php if($oldDetail_big){;?>
							<?php foreach ($oldDetail_big as $k => $v) { ;?>
															
							<li class="photo_li ">
								<img style="width: 100px;height: 100px;" src="<?php echo $v;?>"/>
								<a href='javascript:;' style='color:red' class='del-image'>X</a>
								<input type="hidden" name="photo[]" value="<?php echo $v;?>"/>
							</li>
							<?php }?>
						
						<?php }?>
					</td>
					
				</tr>
				
				
			</table>
			<p class="hd-title-header" id="detail">商品详细</p>
			<table class='hd-table hd-table-form'>
				<tr class="hide info">
					<td>
						<script id="ed" type="text/plain" style="width:100%;height:300px;" name="intro" ><?php echo $oldDetail['intro']?></script>
	                    <script>
							var ue = UE.getEditor('ed');
						</script>
					</td>
				</tr>
			</table>
			<p class="hd-title-header" id="service">售后服务</p>
			<table class='table'>
				<tr class="hide info">
					<td>
						<!--<textarea name="service" id="service"></textarea>-->
						<script id="ed1" type="text/plain" style="width:100%;height:300px;" name="service" ><?php echo $oldDetail['service']?></script>
	                    <script>
							var ue = UE.getEditor('ed1');
						</script>
					</td>
				</tr>
			</table>
			<input type="hidden" name="gid" id="gid" value="<?php echo $_GET['gid']?>" />
			<input type="submit" value="确认编辑" class="hd-btn hd-btn-success" style="height: 40px;"/>
	</form>

	</div>
	</div>
	</div>
</body>
</html>